<template>
    <h2 id="font-class-">UiButton 按钮</h2>
    <h4>按钮属性</h4>
    <p>type 有五个值 info，success，waring，error和 空</p>
    <div class="component_item">
        <div class="p_20">
            <UiButton type="info">info</UiButton>
            <UiButton type="success">success</UiButton>
            <UiButton type="waring">waring</UiButton>
            <UiButton type="error">error</UiButton>
            <UiButton></UiButton>
        </div>
        <pre class="code top_no_radius" v-pre>
    &lt;UiButton type="info"&gt;info&lt;/UiButton&gt;
    &lt;UiButton type="success"&gt;success&lt;/UiButton&gt;
    &lt;UiButton type="waring"&gt;waring&lt;/UiButton&gt;
    &lt;UiButton type="error"&gt;error&lt;/UiButton&gt;
    &lt;UiButton&gt;&lt;/UiButton&gt;<br/>
    import {UiButton} from 'yong-ui'
        </pre>
    </div>
    <p class="mt20">icon 设置按钮图标, 可配置字体图标里面的图标</p>
    <div class="component_item">
        <div class="p_20">
            <UiButton type="info" icon="icon-icon-test18">info</UiButton>
            <UiButton type="info" icon="icon-icon-test12">info</UiButton>
            <UiButton type="info" icon="icon-icon-test13">info</UiButton>
        </div>
        <pre class="code top_no_radius" v-pre>
    &lt;UiButton type="info" icon="icon-icon-test18">info&lt;/UiButton>
    &lt;UiButton type="info" icon="icon-icon-test12">info&lt;/UiButton>
    &lt;UiButton type="info" icon="icon-icon-test13">info&lt;/UiButton>
        </pre>
    </div>
</template>
<script setup>
import {UiButton} from 'yong-ui'
// import {UiButton} from '../../components'
</script>